<template>
  <div class="admin-assistant-list">
    <div class="assistant-list_top">
      <div class="assistant_left-crit">
        <el-progress type="circle" :percentage="80" :width="150" :stroke-width="17" color="#155bd4" :show-text="false"></el-progress>
        <div class="assistant_left-text">
          <span>8</span>项待处理
        </div>
      </div>
      <div class="list_top-right">
        <p class="top-right_p1">共检测36项内容，其中<span>8项可优化</span></p>
        <p class="top-right_p2">块钱优化提高质量吧</p>
        <div class="top-right_but">开始检测</div>
      </div>
    </div>
    <div class="assistant-list_opti">
      <div class="list_opti-check">
        <el-checkbox v-model="checked">只看待优化项</el-checkbox>
      </div>
      <el-collapse class="list_opti-collapse">
        <el-collapse-item title="一致性 Consistency" v-for="(gItem,gIndex) in 10" :key="gIndex">
          <div class="collapse_box" v-for="(tItem,tIndex) in 2" :key="tIndex">
            <div class="collapse_box-text">店铺基础</div>
            <ul class="collapse_ul">
              <li class="collapse_li" v-for="(item,index) in 5" :key="index">
                <div class="collapse_li-text">未填写客服电话</div>
                <div class="collapse_li-buts">
                  <div class="buts-t1">暂不需要</div>
                  <div class="buts-t2">立即优化</div>
                  <div><i class="el-icon-circle-check"></i>符合要求</div>
                </div>
              </li>
            </ul>
          </div>
        </el-collapse-item>
      </el-collapse>
    </div>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        checked: false
      }
    }
  }
</script>
<style lang="scss">
  @import "./var.scss";
</style>